html,body{
	background: #222222;
}
.mui-bar-nav {
	background-color: #2a2a2a;
	box-shadow: none;
	z-index: 1000;
}

.mui-bar-nav a:first-child {
	font-size: 32px !important;
	padding-top: 5px !important;
}
.mui-bar-tab{
	background: #393939;
}
.mui-active{
	color: #dbb574 ;
}
.mui-active > .mui-tab-label,.mui-active > .mui-icon{
	color: #dbb574 ;
}
.mui-bar .mui-title {
	color: white;
	left: 12px;
	text-align: center;
}

.mui-bar-nav a {
	color: white;
	text-indent: 1em;
}

.mui-bar-nav.mui-bar .mui-icon {
	padding-right: 15px;
}
.mui-bar-nav fa{
	font-size: 1rem;
}
.mui-active span {
	color: #258adc;
}

.mui-table-view::before {
	height: 0px;
}

.mui-table-view::after {
	height: 0px;
}

.mui-table-view-cell::after {
	left: 0;
}

.mui-content>.mui-table-view:first-child {
	margin-top: 0px;
}

.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}

.mui-backdrop {
	position: fixed;
	top: 45px;
	right: 0;
	bottom: 50px;
	left: 0;
	z-index: 998;
	background-color: rgba(0, 0, 0, .3);
}

li.top-area, li.top-area .mui-slider-handle{
	background: #ECECEC;
}

.mytime {
	font-size: 0.7rem;
}

.mui-table-cell .mui-badge {
	font-size: 10px;
	line-height: 1.4;
	position: absolute;
	top: -2px;
	left: 35px;
	margin-left: -10px;
	padding: 1px 5px;
	color: white;
	background: red;
}

#topPopover {
	position: absolute;
	top: 15px;
	right: 6px;
	background：transparent；
}

#topPopover .mui-popover-arrow {
	left: auto;
	right: 6px;
}

#topPopover .mui-icon {
	color: #3886b7;
}

#topPopover .mui-table-view-cell {
	padding: 10px 15px;
}

.mui-popover {
	height: 305px;
	width: 180px;
}
.mui-popover .mui-table-view {
    margin-top: 0px;
}
.hasmsg{
	width: 12px;
	height: 12px;
	background: red;
	border-radius: 12px;
	text-align: center;
	line-height: 12px;
	color: white;
	position: absolute;
	z-index: 999;
    transform: translateY(-50%);
    left: 25px;
    top:5px;
}


